
  <tr bgcolor="{#navigation_bgcolor#}" align="center" valign="middle" cellpadding="2">

     <td>
     <table border="0" cellspacing="0" cellpadding="4" valign="middle"> <tr align="center" valign="middle"><tr>
     <td  align="center">
        <a href="{$navigation.reload}" title="reload"> <img src="{#images_dir#}/general/reload.gif" border="0" width="16" height="16" alt="Reload"/></a>
     </td>
     <td>
     {if $navigation.pages.total>1}
     {if $navigation.first } <td><a href="{$navigation.first}"> <img src="{#images_dir#}/arrows/first_group_button.gif" border="0" width="16" height="16" /></a>
      {else}  <img src="{#images_dir#}/arrows/first_group_button_inactive.gif" border="0" width="16" height="16" />
     {/if}
     </td>
     <td>
     {if $navigation.prev }  <a href="{$navigation.prev}"> <img src="{#images_dir#}/arrows/prev_group_button.gif" border="0" width="16" height="16" /></a>
      {else}  <img src="{#images_dir#}/arrows/prev_group_button_inactive.gif" border="0" width="16" height="16" />
     {/if}
     {/if}

     </td>
     <td>
     {if $navigation.start_more }
         <a href="{$navigation.start_more}">...</a>
     {/if}
     &nbsp;
     </td>
     {section name=page loop=$navigation.numbers}
       <td
       {if $navigation.numbers[page].index==$navigation.current_page }
          bgcolor="{#navigation_current#}"><font color="white">
           <b>
            &nbsp;{$navigation.numbers[page].index}&nbsp;
           </b>
          </font>
        {else}
          ><a href="{$navigation.numbers[page].url}">{$navigation.numbers[page].index}</a>
       {/if}
       </td>
     {/section}
     <td>
     {if $navigation.end_more }
         <a href="{$navigation.end_more}">...</a>
     {/if}
      &nbsp;
     </td>
     <td>
     {if $navigation.pages.total>1}
     {if $navigation.next}  <a href="{$navigation.next}"><img src="{#images_dir#}/arrows/next_group_button.gif" border="0" width="16" height="16" /></a>
      {else} <img src="{#images_dir#}/arrows/next_group_button_inactive.gif" border="0" width="16" height="16" />
     {/if}

     </td>
     <td>
     {if $navigation.last} <a href="{$navigation.last}"><img src="{#images_dir#}/arrows/last_group_button.gif" border="0" width="16" height="16" /></a>
      {else}<img src="{#images_dir#}/arrows/last_group_button_inactive.gif" border="0" width="16" height="16" />
     {/if}

     </td>
     {/if}
     </tr>
     </table>

     </td>
     {if $enable_countpage && $navigation.pages.total>1 }
     <td>Page {$navigation.pages.current} of {$navigation.pages.total}</td>
     {/if}
     {if $enable_steps && $show_recs_bottom.form_start}
      {$show_recs_bottom.form_start}<td>Records {$show_recs_bottom.form_input}per page</td>{$show_recs_bottom.form_end}
     {/if}
    {if $enable_total}
      <td>&nbsp;Total records: {$total_recs}</td>
    {/if}

  </tr>